<!-- 版本一 垃圾 -->
<!-- <div class="wow fadeIn top" data-wow-duration="3.5s" >
    <span class="wow fadeInUp" data-wow-delay="0.2s">{{ page.title }}</span>
    <span class="wow fadeInUp" data-wow-delay="0.4s">{{ page.description }}</span>
    <span class="wow fadeInUp" data-wow-delay="0.4s">{{ page.description }}</span>
    <span class="wow fadeInUp" data-wow-delay="0.6s">作者&nbsp;&nbsp;|&nbsp;&nbsp;{% if page.author %}{{ page.author }}{% else %}{{ site.author }}{% endif %}</span>
</div> -->

<!-- 版本二 可切换页面 -->
{% if page.color.size==0 or page.color==nil %}
<div class="post-top" style="background-color:#9A85FF;">
  <!-- 页面宽度大于800px -->
  <div class="left-area">
    {% if page.next.url %}
      <a href="{{ page.next.url }}" class="btn bounceInLeft animated" onmouseover="showLeft();this.style.color='#9A85FF';" onmouseout="goneLeft();this.style.color='rgba(0,0,0,.2)';"><</a>
      <div id="left-tab" style="display:none;"><span class="left-san"></span><span class="left-main" style="color:#9A85FF;"><sapn class="main">{{ page.next.title }}</sapn></span></div>
    {% else %}
      <a href="javascript:;" class="btn bounceInLeft animated" onmouseover="showLeft();this.style.color='#9A85FF';" onmouseout="goneLeft();this.style.color='rgba(0,0,0,.2)';"><</a>
      <div id="left-tab" style="display:none;"><span class="left-san"></span><span class="left-main" style="color:#9A85FF;"><sapn class="main">没有上一页咯</sapn></span></div>
    {% endif %}
  </div>
  <div class="post-titlearea">
    <span class="wow fadeInUp" data-wow-delay="0.2s">{{ page.title }}</span>
    <!-- <span class="wow fadeInUp" data-wow-delay="0.4s">{{ page.description }}</span> -->
    <!-- <span class="wow fadeInUp" data-wow-delay="0.4s">{{ page.description }}</span> -->
    <!-- <span class="wow fadeInUp" data-wow-delay="0.6s">作者&nbsp;&nbsp;|&nbsp;&nbsp;{% if page.author %}{{ page.author }}{% else %}{{ site.author }}{% endif %}</span> -->
  </div>
  <div class="right-area">
    {% if page.previous.url %}
      <a href="{{ page.previous.url }}" class="btn bounceInRight self-animated" onmouseover="showRight();this.style.color='#9A85FF';" onmouseout="goneRight();this.style.color='rgba(0,0,0,.2)';">></a>
      <div id="right-tab" style="display:none;"><span class="right-san"></span><span class="right-main" style="color:#9A85FF;"><sapn class="main">{{ page.previous.title }}</sapn></span></div>
    {% else %}
      <a href="javascript:;" class="btn bounceInRight self-animated" onmouseover="showRight();this.style.color='#9A85FF';" onmouseout="goneRight();this.style.color='rgba(0,0,0,.2)';">></a>
      <div id="right-tab" style="display:none;"><span class="right-san"></span><span class="right-main" style="color:#9A85FF;"><sapn class="main">没有下一页咯</sapn></span></div>
    {% endif %}
  </div>

  <!-- 页面宽度小于800px -->
  <div class="post-changearea">
    {% if page.next.url %}
      <a href="{{ page.next.url }}" class="leftchange" style="border-right: 1px solid #9A85FF;border-bottom: 2px solid #9A85FF;"><span>上一篇<br><br>{{ page.next.title }}</span></a>
    {% else %}
      <a href="javascript:;" class="leftchange" style="border-right: 1px solid #9A85FF;border-bottom: 2px solid #9A85FF;"><span><br>没有上一篇咯</span></a>
    {% endif %}
    {% if page.previous.url %}
      <a href="{{ page.previous.url }}" class="rightchange" style="border-left: 1px solid #9A85FF;border-bottom: 2px solid #9A85FF;"><span>下一篇<br><br>{{ page.previous.title }}</span></a>
    {% else %}
      <a href="javascript:;" class="rightchange" style="border-left: 1px solid #9A85FF;border-bottom: 2px solid #9A85FF;"><span><br>没有下一篇咯</span></a>
    {% endif %}
  </div>
</div>
{% else %}
<div class="post-top" style="background-color:{{ page.color }};">
  <!-- 页面宽度大于800px -->
  <div class="left-area">
    {% if page.next.url %}
      <a href="{{ page.next.url }}" class="btn bounceInLeft animated" onmouseover="showLeft();this.style.color='{{ page.color }}';" onmouseout="goneLeft();this.style.color='rgba(0,0,0,.2)';"><</a>
      <div id="left-tab" style="display:none;"><span class="left-san"></span><span class="left-main" style="color:{{ page.color }};"><sapn class="main">{{ page.next.title }}</sapn></span></div>
    {% else %}
      <a href="javascript:;" class="btn bounceInLeft animated" onmouseover="showLeft();this.style.color='{{ page.color }}';" onmouseout="goneLeft();this.style.color='rgba(0,0,0,.2)';"><</a>
      <div id="left-tab" style="display:none;"><span class="left-san"></span><span class="left-main" style="color:{{ page.color }};"><sapn class="main">没有上一页咯</sapn></span></div>
    {% endif %}
  </div>
  <div class="post-titlearea">
    <span class="wow fadeInUp" data-wow-delay="0.2s">{{ page.title }}</span>
    <!-- <span class="wow fadeInUp" data-wow-delay="0.4s">{{ page.description }}</span> -->
    <!-- <span class="wow fadeInUp" data-wow-delay="0.4s">{{ page.description }}</span> -->
    <!-- <span class="wow fadeInUp" data-wow-delay="0.6s">作者&nbsp;&nbsp;|&nbsp;&nbsp;{% if page.author %}{{ page.author }}{% else %}{{ site.author }}{% endif %}</span> -->
  </div>
  <div class="right-area">
    {% if page.previous.url %}
      <a href="{{ page.previous.url }}" class="btn bounceInRight self-animated" onmouseover="showRight();this.style.color='{{ page.color }}';" onmouseout="goneRight();this.style.color='rgba(0,0,0,.2)';">></a>
      <div id="right-tab" style="display:none;"><span class="right-san"></span><span class="right-main" style="color:{{ page.color }};"><sapn class="main">{{ page.previous.title }}</sapn></span></div>
    {% else %}
      <a href="javascript:;" class="btn bounceInRight self-animated" onmouseover="showRight();this.style.color='{{ page.color }}';" onmouseout="goneRight();this.style.color='rgba(0,0,0,.2)';">></a>
      <div id="right-tab" style="display:none;"><span class="right-san"></span><span class="right-main" style="color:{{ page.color }};"><sapn class="main">没有下一页咯</sapn></span></div>
    {% endif %}
  </div>

  <!-- 页面宽度小于800px -->
  <div class="post-changearea">
    {% if page.next.url %}
      <a href="{{ page.next.url }}" class="leftchange" style="border-right: 1px solid {{ page.color }};border-bottom: 2px solid {{ page.color }};"><span>上一篇<br><br>{{ page.next.title }}</span></a>
    {% else %}
      <a href="javascript:;" class="leftchange" style="border-right: 1px solid {{ page.color }};border-bottom: 2px solid {{ page.color }};"><span><br>没有上一篇咯</span></a>
    {% endif %}
    {% if page.previous.url %}
      <a href="{{ page.previous.url }}" class="rightchange" style="border-left: 1px solid {{ page.color }};border-bottom: 2px solid {{ page.color }};"><span>下一篇<br><br>{{ page.previous.title }}</span></a>
    {% else %}
      <a href="javascript:;" class="rightchange" style="border-left: 1px solid {{ page.color }};border-bottom: 2px solid {{ page.color }};"><span><br>没有下一篇咯</span></a>
    {% endif %}
  </div>
</div>
{% endif %}
